<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>订单详情</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/app.css">

</head>
<body>
    <!-- top Nav -->
    <header class="ui-header ui-header-positive ui-border-b">
        <i class="ui-icon-return" onclick="history.back()"></i>
        <h1>订单详情</h1>
        <a class="go-home" href="/"><i class="ui-icon-home"></i></a>
    </header>
    <!-- 订单详情 -->
    <div class="user-order">
        <div class="order-detail-box">
            <dl class="order-detail-item">
                <dt>订单号</dt>
                <dd>
                    <span>122345678765412</span>
                </dd>
            </dl>
            <dl class="order-detail-item">
                <dt>下单时间</dt>
                <dd>
                    <span>2015-12-12 17:11:22</span>
                </dd>
            </dl>
            <em class="order-state">
                待支付
            </em>
        </div>
        <div class="order-detail-box">
            <h4 class="ui-border-b">取票和入园信息</h4>
            <dl class="order-detail-item">
                <dt>有效日期</dt>
                <dd>
                    <p>2015-12-12~2015-12-25内每周六、周日可以使用</p>
                </dd>
            </dl>
            <dl class="order-detail-item">
                <dt>姓名</dt>
                <dd>
                    <span>李新伟</span>
                </dd>
            </dl>
            <dl class="order-detail-item">
                <dt>手机号</dt>
                <dd>
                    <span>13454456789</span>
                </dd>
            </dl>
            <dl class="order-detail-item">
                <dt>入园凭证</dt>
                <dd>
                    <span>凭商家确认短信，到景区换票后</span>
                </dd>
            </dl>
            <dl class="order-detail-item">
                <dt>换票地址</dt>
                <dd>
                    <span>景区售票处验证换票</span>
                </dd>
            </dl>
        </div>
        <div class="order-detail-box">
            <h4 class="ui-border-b">使用和退款说明</h4>
            <dl class="order-detail-item">
                <dt>退款说明</dt>
                <dd>
                    <p>退款说明退款说明退款说明退款说明退款说明退款说明退款说明退款说明退款说明退款说明退款说明退款说明退款说明退款说明退款说明</p>
                </dd>
            </dl>
        </div>
        <div class="order-detail-box last-box">
            <h4 class="ui-border-b">滑雪景区名字</h4>
            <div class="order-detail-product ui-border-b">
                <h3 class="ui-nowrap">
                    南山滑雪场周末(节假日)全天滑雪票
                </h3>
                <p>
                    <strong>¥295</strong>x<span>1</span>
                </p>
            </div>
            <dl class="order-detail-item">
                <dt>订单金额</dt>
                <dd>
                    <em>¥295</em>
                </dd>
            </dl>
            <dl class="order-detail-item">
                <dt>付款方式</dt>
                <dd>
                    <span>在线支付</span>
                </dd>
            </dl>
        </div>
        <footer class="ui-footer ui-footer-stable ui-border-t">
            <ul class="ui-tiled">
                <li class="ui-btn-row">
                    <a href="user_pay.html" class="ui-btn-lg ui-btn-danger">
                        立即支付
                    </a>
                </li>
                <li class="ui-btn-row">
                    <button class="ui-btn-lg">
                        取消订单
                    </button>
                </li>
            </ul>
        </footer>
    </div>

    <div class="mask"></div>
    <script src="js/lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <script src="js/app.js"></script>

</body>
</html>